<template>
	<view @click="onclick">
		<slot></slot>
	</view>
</template>

<script>
	/**
	 * 一个超链接组件
	 * 
	 * navigate: 保留当前界面，跳转到新页面
	 * redirect：关闭当前页面，跳转到新的界面
	 * switch：跳转 tabbar 页面
	 * reLaunch：关闭所有页面，打开新的界面
	 * navigateBack：返回上一页
	 */
	export default {
		name: 'SeaLink',
		props: {
			url: {
				type: String,
				required: false
			},
			type: {
				type: String,
				default: 'navigate'
			}
		},
		methods: {
			onclick: function() {
				if(this.type === 'back'){
					uni.navigateBack()
				} else if(this.type === 'navigate'){
					uni.navigateTo({
						url: this.url
					});
				} else if(this.type === 'redirect'){
					uni.redirectTo({
						url: this.url
					});
				}
			}
		}
	}
</script>

<style>
</style>